<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="/paginas/template.xhtml">

	<ui:define name="corpoForm">
		
		<h:form id="formEditarPessoa" prependId="false">

			<p:panelGrid columns="2" styleClass="botoes" id="botoes">
				<p:commandButton value="#{rsc.label_salvar}" styleClass="botao"
					action="#{manterPessoaBean.alterar}" ajax="false"
					onclick="setTimeout('document.getElementById(\'' + this.id + '\').disabled=true;', 50);"
					title="#{rsc.title_alterar}" />

				<p:commandButton value="#{rsc.label_cancelar}" styleClass="botao"
					update="growl" action="#{manterPessoaBean.cancelar}" ajax="false"
					onclick="setTimeout('document.getElementById(\'' + this.id + '\').disabled=true;', 50);"
					title="#{rsc.title_cancelar}" immediate="true">
				</p:commandButton>
			</p:panelGrid>

			<f:event type="javax.faces.event.PreRenderComponentEvent"
				listener="#{manterPessoaBean.preRenderEdit}" />

			<p:panel id="pnlCadastroPessoa" header="#{rsc.label_dadosPessoa}"
				toggleable="true" toggleSpeed="500">
				<p:panelGrid columns="2">
					<p:panelGrid columns="4">

						<p:outputLabel value="#{rsc.label_nomeRazao}" for="txtNomePessoa"
							styleClass="obrigatorio" />

						<p:outputLabel value="#{rsc.label_nomeFantasia}"
							for="txtNomeFantasia" />

						<p:selectOneRadio id="fisicaJuridica"
							value="#{manterPessoaBean.formulario.fisica}">
							<f:selectItem itemLabel="#{rsc.label_cpf}" itemValue="true" />
							<f:selectItem itemLabel="#{rsc.label_cnpj}" itemValue="false" />
						</p:selectOneRadio>

						<p:outputLabel value="#{rsc.label_dataNascimento}"
							for="cldDataNascimento" />

						<p:inputText label="#{rsc.label_nomeRazao}" id="txtNomePessoa"
							title="#{rsc.label_nomeRazao}" maxlength="100"
							value="#{manterPessoaBean.entidade.nome}" />

						<p:inputText label="#{rsc.label_nomeFantasia}" maxlength="100"
							id="txtNomeFantasia" title="#{rsc.label_nomeFantasia}"
							value="#{manterPessoaBean.entidade.nomeFantasia}" />

						<p:panelGrid columns="4" id="cpfCnpj">
							<p:inputText label="#{rsc.label_cpf}" id="txtCPF"
								title="#{rsc.label_cpf}" styleClass="cpf"
								rendered="#{manterPessoaBean.formulario.fisica}"
								value="#{manterPessoaBean.entidade.cpf}" />

							<p:inputText label="#{rsc.label_cnpj}" id="txtCNPJ"
								title="#{rsc.label_cnpj}" styleClass="cnpj"
								rendered="#{!manterPessoaBean.formulario.fisica}"
								value="#{manterPessoaBean.entidade.cnpj}" />

						</p:panelGrid>

						<p:calendar pattern="dd/MM/yyyy" size="11" showOn="button"
							id="cldDataNascimento" styleClass="date"
							value="#{manterPessoaBean.entidade.dataNascimento}"
							onkeypress="formatarData();" />



					</p:panelGrid>

					<p:selectManyCheckbox id="chkTiposPessoas" layout="pageDirection"
						value="#{manterPessoaBean.entidade.tiposPessoa}"
						converter="tipoPessoaConverter">
						<f:selectItems value="#{manterPessoaBean.formulario.tiposPessoa}"
							var="c" itemLabel="#{c.nome}" itemValue="#{c}" />
						<p:ajax event="change" update="cpfCnpj"
							oncomplete="inicializarMascaras();" process="@this" />
					</p:selectManyCheckbox>
				</p:panelGrid>
			</p:panel>

			<p:panel id="pnlContatoPessoa" header="#{rsc.label_endereco}"
				toggleable="true" toggleSpeed="500">

				<p:panelGrid columns="4">
					<p:outputLabel value="#{rsc.label_cep}" for="txtCep" />

					<p:outputLabel value="#{rsc.label_endereco}" for="txtEndereco" />

					<p:outputLabel value="#{rsc.label_numero}" for="txtNumero" />

					<p:outputLabel value="#{rsc.label_complemento}"
						for="txtComplemento" />

					<p:inputText label="#{rsc.label_cep}" id="txtCep"
						title="#{rsc.label_cep}" styleClass="cep"
						value="#{manterPessoaBean.entidade.endereco.cep}">
						<p:ajax event="blur" listener="#{manterPessoaBean.consultarCep}"
							update="txtEndereco, txtBairro, cmbCidade, cmbEstado" />
					</p:inputText>


					<p:inputText label="#{rsc.label_endereco}" id="txtEndereco"
						title="#{rsc.label_endereco}" maxlength="100"
						value="#{manterPessoaBean.entidade.endereco.endereco}">
					</p:inputText>

					<p:inputText label="#{rsc.label_numero}" id="txtNumero"
						title="#{rsc.label_numero}" maxlength="10"
						value="#{manterPessoaBean.entidade.endereco.numero}">
					</p:inputText>

					<p:inputText label="#{rsc.label_complemento}" id="txtComplemento"
						title="#{rsc.label_complemento}" maxlength="200"
						value="#{manterPessoaBean.entidade.endereco.complemento}">
					</p:inputText>


					<p:outputLabel value="#{rsc.label_bairro}" for="txtBairro" />

					<p:outputLabel value="#{rsc.label_estado}" for="cmbEstado" />

					<p:outputLabel value="#{rsc.label_cidade}" for="cmbCidade" />

					<p:spacer />

					<p:inputText label="#{rsc.label_bairro}" id="txtBairro"
						title="#{rsc.label_bairro}" maxlength="100"
						value="#{manterPessoaBean.entidade.endereco.bairro}" />

					<p:selectOneMenu label="#{rsc.label_estado}" style="width: 99%;"
						value="#{manterPessoaBean.entidade.endereco.cidade.estado.id}"
						id="cmbEstado">
						<p:ajax event="change"
							listener="#{manterPessoaBean.carregarCidades}" update="cmbCidade" />
						<f:selectItem itemLabel="#{rsc.label_selecionar}" itemValue="" />
						<f:selectItems value="#{manterPessoaBean.formulario.estados}"
							var="c" itemLabel="#{c.nome}" itemValue="#{c.id}" />
					</p:selectOneMenu>

					<p:selectOneMenu label="#{rsc.label_cidade}" style="width: 99%;"
						value="#{manterPessoaBean.entidade.endereco.cidade.id}"
						id="cmbCidade">
						<f:selectItem itemLabel="#{rsc.label_selecionar}" itemValue="" />
						<f:selectItems value="#{manterPessoaBean.formulario.cidades}"
							var="c" itemLabel="#{c.nome}" itemValue="#{c.id}" />
					</p:selectOneMenu>

					<p:spacer />

				</p:panelGrid>

			</p:panel>

			<p:panel id="pnlEnderecoPessoa" header="#{rsc.label_contato}"
				toggleable="true" toggleSpeed="500">
				<p:panelGrid columns="4">
					<p:outputLabel value="#{rsc.label_telefone}" for="txtTelefone" />

					<p:outputLabel value="#{rsc.label_fax}" for="txtFax" />

					<p:outputLabel value="#{rsc.label_celular}" for="txtCelular" />

					<p:outputLabel value="#{rsc.label_email}" for="txtEmail" />

					<p:inputText label="#{rsc.label_telefone}" id="txtTelefone"
						title="#{rsc.label_telefone}" styleClass="telefone"
						value="#{manterPessoaBean.entidade.contato.telefone}" />

					<p:inputText label="#{rsc.label_fax}" id="txtFax"
						title="#{rsc.label_fax}" styleClass="telefone"
						value="#{manterPessoaBean.entidade.contato.fax}" />

					<p:inputText label="#{rsc.label_celular}" id="txtCelular"
						title="#{rsc.label_celular}" styleClass="telefone"
						value="#{manterPessoaBean.entidade.contato.celular}" />

					<p:inputText label="#{rsc.label_celular}" id="txtEmail"
						title="#{rsc.label_celular}" maxlength="100"
						value="#{manterPessoaBean.entidade.contato.email}">
						<p:ajax event="blur" listener="#{manterPessoaBean.validarEmail}"
							update=":growl" />
					</p:inputText>

				</p:panelGrid>

			</p:panel>

			<p:panel id="pnlSistema" header="#{rsc.label_sistema}"
				toggleable="true" toggleSpeed="500">

				<p:panelGrid columns="2">
					<p:outputLabel value="#{rsc.label_ativo}" for="chkAtivo" />

					<p:selectBooleanCheckbox label="#{rsc.label_ativo}" id="chkAtivo"
						title="#{rsc.label_ativo}"
						value="#{manterPessoaBean.entidade.ativo}" />
				</p:panelGrid>

			</p:panel>

			<p:watermark value="#{rsc.wm_nomePessoa}" for="txtNomePessoa" />
			<p:watermark value="#{rsc.wm_nomeFantasia}" for="txtNomeFantasia" />
			<p:watermark value="#{rsc.wm_cpf}" for="txtCPF" />
			<p:watermark value="#{rsc.wm_cnpj}" for="txtCNPJ" />
			<p:watermark value="#{rsc.wm_data}" for="cldDataNascimento" />
			<p:watermark value="#{rsc.wm_telefone}" for="txtTelefone" />
			<p:watermark value="#{rsc.wm_fax}" for="txtFax" />
			<p:watermark value="#{rsc.wm_celular}" for="txtCelular" />
			<p:watermark value="#{rsc.wm_email}" for="txtEmail" />

			<p:watermark value="#{rsc.wm_cep}" for="txtCep" />
			<p:watermark value="#{rsc.wm_endereco}" for="txtEndereco" />
			<p:watermark value="#{rsc.wm_numero}" for="txtNumero" />
			<p:watermark value="#{rsc.wm_complemento}" for="txtComplemento" />
			<p:watermark value="#{rsc.wm_bairro}" for="txtBairro" />



		</h:form>
	</ui:define>
</ui:composition>

